<template>
  <div>
    <h1>首页</h1>

    <el-row>
      <el-col :span="4">
        <el-menu
            active-text-color=pink
            background-color="#545c64"
            class="el-menu-vertical-demo"
            default-active="2"
            text-color="#fff"
            @open="handleOpen"
            @close="handleClose"
        >
          <el-sub-menu index="1">
            <template #title>
              <el-icon><location/></el-icon>
              <span>资料管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="1-1" @click="$router.push('/index/vendor')">供应商管理</el-menu-item>
              <el-menu-item index="1-2" @click="$router.push('/index/client')">客户管理</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="2">
            <template #title>
              <el-icon><location /></el-icon>
              <span>采购管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-1" @click="$router.push('/index/buyCar')">采购入库</el-menu-item>
              <el-menu-item index="2-2" @click="$router.push('/index/buyOrderInfo')">采购信息查询</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="3">
            <template #title>
              <el-icon><location /></el-icon>
              <span>销售管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="3-1" @click="$router.push('/index/saleCar')">销售出库</el-menu-item>
              <el-menu-item index="3-2" @click="$router.push('/index/saleOrderInfo')">销售信息查询</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="4">
            <template #title>
              <el-icon><location /></el-icon>
              <span>库存管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="4-1" @click="$router.push('/index/product')">库存一览</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="5">
            <template #title>
              <el-icon><location /></el-icon>
              <span>统计信息</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="5-1" @click="$router.push('/index/pie')">销售统计</el-menu-item>
              <el-menu-item index="5-2" @click="$router.push('/index/column')">月销售统计</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="6">
            <template #title>
              <el-icon><location /></el-icon>
              <span>权限管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="6-1" @click="$router.push('/index/user')">用户管理</el-menu-item>
              <el-menu-item index="6-2" @click="$router.push('/index/role')">角色管理</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>


          <el-sub-menu index="7">
            <template #title>
              <el-icon><location /></el-icon>
              <span>个人信息管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="7-1" @click="$router.push('/index/updatePwd')">修改密码</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

          <el-sub-menu index="8">
            <template #title>
              <el-icon><location /></el-icon>
              <span>日志信息</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="8-1" @click="$router.push('/index/log')">日志一览</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>

        </el-menu>
      </el-col>
      <el-col :span="20"><router-view/></el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style scoped>

</style>